<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/default.css">
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <link rel="stylesheet" href="./iframe/frame_1.css">
</head>

<body>
  <div class="frame">
    <ul class="mode">
      <li data-mode=".add" onclick="tabDiv(this)">
        <a href="#">
          <i class="iconfont i_5"></i>
          <div>
            <span>人工组卷</span>
            <p>ARTIFICIAL PAPERS</p>
          </div>
        </a>
      </li>

      <li data-mode=".random" onclick="tabDiv(this)">
        <a href="#">
          <i class="iconfont i_6"></i>
          <div>
            <span>随机组卷</span>
            <p>RANDOM PAPERS</p>
          </div>
        </a>
      </li>

      <li data-mode=".other" onclick="tabDiv(this)">
        <a href="#">
          <i class="iconfont i_7"></i>
          <div>
            <span>其他</span>
            <p>OTHER</p>
          </div>
        </a>
      </li>
    </ul>

    <div class="add">
      <span>添加题目</span>
      <div>
        <textarea id="question" rows="2" placeholder="请输入题干"></textarea>

        <div class="option">
          <p>选项</p>
          <div class="option-list">
            <!-- <div>
              <div>A</div>
              <input type="text" data-option="0" placeholder="选项1">
              <i class="iconfont i_8"></i>
            </div> -->
          </div>

          <div class="answer">
            <p>答案 :</p>
            <input type="text" id="correctAnswer" placeholder="请输入大写字母">
            <p>题型 :</p>
            <select id="type">
              <option value="单选">单选题</option>
              <option value="多选">多选题</option>
              <option value="判断">判断题</option>
            </select>
          </div>

          <div class="btn">
            <button type="button" id="add-option">添加选项</button>
            <button type="button" id="del-option">删除选项</button>
            <button type="submit" id="submit" onclick="add()">确认</button>
          </div>
        </div>
      </div>

    </div>

    <div class="random"></div>

    <div class="other"></div>

  </div>

  <script src="./js/frame_1.js"></script>
</body>

</html>